<template>
	<view class="u-page">
		<view class="content">
			<view class="listitem" @click="goPage('0')">
				<view class="leftImg">
					<image style="width: 40px;height: 40px;" src="../../../static/icon/message.png" mode=""></image>
				</view>
				<view class="titleLab">
					<view class="title">系统消息</view>
					<view class="message" v-if="systemM !=''">消息内容</view>
					<view class="message" v-else>暂无消息</view>
				</view>
			</view>
			<view class="listitem" @click="goPage('1')">
				<view class="leftImg">
					<image style="width: 40px;height: 40px;" src="../../../static/icon/projectMessage.png" mode="">
					</image>
				</view>
				<view class="titleLab">
					<view class="title">项目消息</view>
					<view class="message" v-if="projectM !=''">消息内容</view>
					<view class="message" v-else>暂无消息</view>
				</view>
			</view>
			<view class="listitem" @click="goPage('2')">
				<view class="leftImg">
					<image style="width: 40px;height: 40px;" src="../../../static/icon/zijbiandong.png" mode=""></image>
				</view>
				<view class="titleLab">
					<view class="title">余额变动消息</view>
					<view class="message" v-if="walletM !=''">消息内容</view>
					<view class="message" v-else>暂无消息</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			goPage(type){
				uni.navigateTo({
					url:"/pages/user/message/messagelist?type="+type
				})
			}
		}
	}
</script>

<style lang="scss">
	.content{
		padding:20px 16px;
	}
	.listitem {
		display: flex;
		padding: 8px;
		border-bottom: 1px solid #EEEEEE;
		.leftImg{
			margin-right: 14px;
		}
		.titleLab{
			.title{
				font-weight: 600;
				color: #161E3E;
				font-weight: 14px;
			}
			.message{
				color: #9BA7C1;
				font-size: 12px;
				margin-top: 2px;
			}
		}
	}
</style>
